<%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" %>
<%
    String path = request.getContextPath();
    String basePath = request.getScheme() + " ://" + request.getServerName() + ":" + request.getServerPort() + path + "/";
%>
<!DOCTYPE HTML>
<jsp:include page="root_public.jsp"/>

<style type="text/css">

    .login-bg {
        /*background: #eeeeee url() 0 0 no-repeat;*/
        background: url("<%=path%>/images/bg.png") no-repeat center;
        background-size: cover;
        overflow: hidden;
    }

    .page div {
        padding: 10px 15px;
        border: 1px solid #EAEAEA;
        border-radius: 2px;
        font-size: 12px;
        display: inline-block;
        position: absolute;
        left: 50%;
    }

    body {
        position: relative;
        margin-top: -50px;
    }

    .addBox {
        position: absolute;
        top: 50px;
        width: 100%;
        left: 0;
    }

    span.tag {
        font-size: 18px;
        margin-right: 6px;
        color: red;
    }

    .container {
        margin-bottom: 65px;
    }

    div.layui-laydate .layui-this {
        background-color: #0080ff !important;
        color: #fff !important;
    }

    input[type=file].el-upload__input {
        display: none;
    }

    .el-upload--picture-card, .el-upload-list--picture-card .el-upload-list__item {
        width: 162px;
        height: 162px;
    }

    .el-dialog {
        margin: 0 auto;
        width: 80%;
    }

    #app {
        text-align: center;
        margin: 10px 0 15px;
    }

    .el-upload-list--picture-card .el-upload-list__item-status-label {
        right: -18px;
        top: -12px;
        width: 45px;
        height: 30px;
    }

    [class^=el-icon-] {
        line-height: unset;
    }
</style>
</head>

<body class="login-bg">
<div class="login">
    <div class="message">失物招领管理系统</div>
    <div id="darkbannerwrap"></div>

    <form method="post" action="<%=path%>/sys/login" class="layui-form">
        <input name="username" placeholder="用户名" type="text" lay-verify="required" class="layui-input">
        <hr class="hr15">
        <input name="password" lay-verify="required" placeholder="密码" type="password" class="layui-input">
        <hr class="hr15">
        <input value="登录" lay-submit lay-filter="login" style="width:100%;" type="submit">
        <hr class="hr20">
    </form>
</div>
<script>
    $(function () {

        layui.use('form', function () {
            var form = layui.form;
            //监听提交
            form.on('submit(login)', function (data) {
                console.log(data.field) //当前容器的全部表单字段，名值对形式：{name: value}
            });
        });
    })
</script>
</body>
</html>